/* layer: preflights */
*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);}
/* layer: 1 */
.uno-layer-1\:translate-0{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
/* layer: default */
.fw-\$variable{font-weight:var(--variable);}
.items-\$size{align-items:var(--size);}
.ws-\$variable{white-space:var(--variable);}
.\[--css-spacing\:theme\(spacing\.sm\)\]{--css-spacing:0.875rem;}
.\[--css-variable-color\:theme\(colors\.green\.500\)\,theme\(colors\.blue\.500\)\]{--css-variable-color:#22c55e,#3b82f6;}
.\[--css-variable-color\:theme\(colors\.red\.500\)\]{--css-variable-color:#ef4444;}
.\[--css-variable-color\:theme\(colors\.red\.500\/50\%\)\]{--css-variable-color:rgb(239 68 68 / 50%);}
.\[--css-variable\:\"wght\"_400\,_\"opsz\"_14\]{--css-variable:"wght" 400, "opsz" 14;}
.\[a\:b\]{a:b;}
.\[background-image\:url\(star_transparent\.gif\)\,_url\(cat_front\.png\)\]{background-image:url(star_transparent.gif), url(cat_front.png);}
.\[color\:theme\(colors\.blue\.300\/40\%\)\]{color:rgb(147 197 253 / 40%);}
.\[content\:attr\(attr_content\)\]{content:attr(attr content);}
.\[content\:attr\(attr\\_content\)\]{content:attr(attr_content);}
.\[font-family\:\'Inter\'\,_sans-serif\]{font-family:'Inter', sans-serif;}
.\[font-family\:var\(--font-family\)\]{font-family:var(--font-family);}
.\[font-feature-settings\:\'cv02\'\,\'cv03\'\,\'cv04\'\,\'cv11\'\]{font-feature-settings:'cv02','cv03','cv04','cv11';}
.\[font-variation-settings\:\"wght\"_400\,_\"opsz\"_14\]{font-variation-settings:"wght" 400, "opsz" 14;}
.\[margin\:logical_1rem_2rem_3rem\]{margin:logical 1rem 2rem 3rem;}
.\[padding\:theme\(spacing\.xl\)\]{padding:1.25rem;}
.all-\[\.target\]-\[combinator\:test-2\] .target,
.children-\[\.target\]-\[combinator\:test-2\]>.target,
.next-\[\.target\]-\[combinator\:test-2\]+.target{combinator:test-2;}
.all-\[\[data-hvr\]\:hover\]\:\[color\:red\] [data-hvr]:hover{color:red;}
.sibling-\[div\:hover\]-\[combinator\:test-4\]+div:hover{combinator:test-4;}
.-p-px{padding:-1px;}
.\!p-5px{padding:5px !important;}
.has-hover\:p-2:has(:hover),
.p-2,
.p2,
.where-hover\:p-2:where(:hover){padding:0.5rem;}
.important\:p-3,
.p3\!{padding:0.75rem !important;}
.is-hover\:p-4px:is(:hover),
.not-hover\:p-4px:not(:hover){padding:4px;}
.not-hover\:p-3:not(:hover){padding:0.75rem;}
.p-none{padding:0;}
.p-unset{padding:unset;}
.pa{padding:auto;}
.hover\:\!p-1:hover{padding:0.25rem !important;}
.hover\:p-5:hover{padding:1.25rem;}
.p-xy,
.pxy,
.group:focus .group-focus\:p-4{padding:1rem;}
.first\:p-2:first-child{padding:0.5rem;}
.p-x,
.px{padding-left:1rem;padding-right:1rem;}
.px-1{padding-left:0.25rem;padding-right:0.25rem;}
.\!hover\:px-10:hover{padding-left:2.5rem !important;padding-right:2.5rem !important;}
.p-t-2,
.pt-2,
.pt2{padding-top:0.5rem;}
.pb{padding-bottom:1rem;}
.pe-8{padding-inline-end:2rem;}
.pl-10px{padding-left:10px;}
.pl-revert{padding-left:revert;}
.p-is,
.pis,
.ps-4{padding-inline-start:1rem;}
.pt-\$title2{padding-top:var(--title2);}
.pt-6{padding-top:1.5rem;}
.p-bs-2,
.pbs-2,
.pbs2{padding-block-start:0.5rem;}
.p-ie-none{padding-inline-end:0;}
.p-ie-revert{padding-inline-end:revert;}
.pbs-\$title2{padding-block-start:var(--title2);}
.pis-10px{padding-inline-start:10px;}
.group:not([data-potato]) .group-not-\[\[data-potato\]\]\:m-1,
.parent:not(#someId)>.parent-not-\[\#someId\]\:m-1,
.peer:where(.child)~.peer-where-\[\.child\]\:m-1,
.previous:is(div)+.previous-is-\[div\]\:m-1,
.has-\[\:hover\]\:m-1:has(:hover){margin:0.25rem;}
.-m-lg{margin:-1.125rem;}
.\!m-\$c-m{margin:var(--c-m) !important;}
.\[\&_\&\]\:m-13 .\[\&_\&\]\:m-13{margin:3.25rem;}
.\[\&\:nth-child\(2\)\]\:m-10:nth-child(2){margin:2.5rem;}
.\[\&\[open\]\:readonly\]\:m-16[open]:readonly{margin:4rem;}
.\[\&\[open\]\]\:m-14[open]{margin:3.5rem;}
.\[\&\[readonly\]\[disabled\]\]\:m-15[readonly][disabled]{margin:3.75rem;}
.\[\&\>\*\]\:m-11>*{margin:2.75rem;}
.all\:m-auto *,
.children\:m-auto>*,
.m-auto{margin:auto;}
.all\:m1\/1 *{margin:100%;}
.m-\[3em\]{margin:3em;}
.m-0,
.m-none{margin:0;}
.m-1\/2{margin:50%;}
.m-inherit{margin:inherit;}
*[open]:readonly .\[\*\[open\]\:readonly_\&\]\:\[\&\[open\]\:disabled\]\:m-17[open]:disabled{margin:4.25rem;}
*>.\[\*\>\&\]\:m-12{margin:3rem;}
.m-xy,
.mxy{margin:1rem;}
.mx-1{margin-left:0.25rem;margin-right:0.25rem;}
.my-\[var\(--hello-space-y\)\]{margin-top:var(--hello-space-y);margin-bottom:var(--hello-space-y);}
.my-auto{margin-top:auto;margin-bottom:auto;}
.my-revert-layer{margin-top:revert-layer;margin-bottom:revert-layer;}
.-\!mb-safe{margin-bottom:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
.-mb-px{margin-bottom:-1px;}
.-mt--5cm{margin-top:5cm;}
.-mt-safe{margin-top:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1);}
.\!-ms-safe{margin-inline-start:calc(max(env(safe-area-inset-left), env(safe-area-inset-right)) * -1) !important;}
.me-8{margin-inline-end:2rem;}
.ms-4{margin-inline-start:1rem;}
.mt-\[-10\.2\%\]{margin-top:-10.2%;}
.mt-\$height{margin-top:var(--height);}
.mt-6{margin-top:1.5rem;}
.next\:mt-0+*{margin-top:0;}
.m-block{margin-block-start:1rem;margin-block-end:1rem;}
.m-block-auto{margin-block-start:auto;margin-block-end:auto;}
.m-block-inherit{margin-block-start:inherit;margin-block-end:inherit;}
.m-inline-none{margin-inline-start:0;margin-inline-end:0;}
.mbs{margin-block-start:1rem;}
.mbs-\[-10\.2\%\]{margin-block-start:-10.2%;}
.mbs-\$height{margin-block-start:var(--height);}
.mbs-unset{margin-block-start:unset;}
.data-\[inline\]\:inline[data-inline],
[data-any] .scope-\[\[data-any\]\]\:inline{display:inline;}
unocss .scope-\[unocss\]\:block{display:block;}
.contents{display:contents;}
.display-\$var{display:var(--var);}
.display-inherit{display:inherit;}
.op-10{opacity:0.1;}
.opacity-\$opa{opacity:var(--opa);}
.opacity-0{opacity:0;}
.disabled\:op50:disabled{opacity:0.5;}
.placeholder-opacity-60::placeholder{opacity:0.6;}
.\[\&\[data-active\=\"true\"\]\]\:bg-red[data-active="true"]{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}
.bg-\[--test-variable\],
.bg-\$test-variable{background-color:var(--test-variable);}
.bg-\[\#153\]\/10,
.bg-\[\#1533\]\/10{background-color:rgb(17 85 51 / 0.1);}
.bg-\[\#1533\]{--un-bg-opacity:0.2;background-color:rgb(17 85 51 / var(--un-bg-opacity));}
.bg-\[10\%\]{background-position:10%;}
.bg-\[10px\]{background-position:10px;}
.bg-\[10vw\]{background-position:10vw;}
.bg-\[calc\(10\%\+10px\)\]{background-position:calc(10% + 10px);}
.bg-\[calc\(10vw\+10px\)\]{background-position:calc(10vw + 10px);}
.bg-\[length\:--variable\]{background-size:var(--variable);}
.bg-\[length\:1\/2_20rem\]{background-size:50% 20rem;}
.bg-\[length\:10_20rem\]{background-size:10px 20rem;}
.bg-\[position\:--variable\]{background-position:var(--variable);}
.bg-\[position\:1\/2_20rem\]{background-position:50% 20rem;}
.bg-\[position\:10_20rem\]{background-position:10px 20rem;}
.bg-\[position\:bottom_left_10\%\]{background-position:bottom left 10%;}
.bg-\[position\:top_right_1\/3\]{background-position:top right 33.3333333333%;}
.bg-\[rgb\(4_5_6\/0\.7\)\]\/\[calc\(100\/3\)\]{background-color:rgb(4 5 6 / calc(100 / 3));}
.bg-\[rgba\(1\,2\,3\,0\.5\)\]{--un-bg-opacity:0.5;background-color:rgba(1, 2, 3, var(--un-bg-opacity));}
.bg-\[rgba\(4_5_6\/0\.7\)\]{--un-bg-opacity:0.7;background-color:rgba(4, 5, 6, var(--un-bg-opacity));}
.bg-\[rgba\(4_5_6\/0\.7\)\]\/80{background-color:rgba(4, 5, 6, 0.8);}
.bg-\[url\(https\:\/\/test\.unocss\.png\)\]{--un-url:url(https://test.unocss.png);background-image:var(--un-url);}
.bg-\#452233\/40,
.bg-hex-452233\/40{background-color:rgb(69 34 51 / 0.4);}
.bg-red-100{--un-bg-opacity:1;background-color:rgb(254 226 226 / var(--un-bg-opacity));}
.bg-teal-100\/55{background-color:rgb(204 251 241 / 0.55);}
.bg-teal-200\:55{background-color:rgb(153 246 228 / 0.55);}
.bg-teal-300\:\[\.55\]{background-color:rgb(94 234 212 / .55);}
.bg-teal-400\/\[\.55\]{background-color:rgb(45 212 191 / .55);}
.bg-teal-500\/\[55\%\]{background-color:rgb(20 184 166 / 55%);}
.first-letter\:bg-green-400::first-letter{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}
.first-line\:bg-green-400::first-line{--un-bg-opacity:1;background-color:rgb(74 222 128 / var(--un-bg-opacity));}
.peer:checked~.peer-checked\:bg-blue-500{--un-bg-opacity:1;background-color:rgb(59 130 246 / var(--un-bg-opacity));}
.previous\/label:checked+.previous-checked\/label\:bg-red-500{--un-bg-opacity:1;background-color:rgb(239 68 68 / var(--un-bg-opacity));}
.focus-within\:has-first\:checked\:bg-gray\/20:checked:has(:first-child):focus-within{background-color:rgb(156 163 175 / 0.2);}
.focus-within\:where-first\:checked\:bg-gray\/20:checked:where(:first-child):focus-within{background-color:rgb(156 163 175 / 0.2);}
.hover\:file\:bg-violet-100::file-selector-button:hover{--un-bg-opacity:1;background-color:rgb(237 233 254 / var(--un-bg-opacity));}
.hover\:is-first\:checked\:bg-true-gray\/10:checked:is(:first-child):hover{background-color:rgb(163 163 163 / 0.1);}
.hover\:not-first\:checked\:bg-red\/10:checked:not(:first-child):hover{background-color:rgb(248 113 113 / 0.1);}
.hover\:not-first\:checked\:bg-true-gray\/10:checked:not(:first-child):hover{background-color:rgb(163 163 163 / 0.1);}
.marker\:bg-violet-200::marker{--un-bg-opacity:1;background-color:rgb(221 214 254 / var(--un-bg-opacity));}
.file\:bg-violet-50::file-selector-button{--un-bg-opacity:1;background-color:rgb(245 243 255 / var(--un-bg-opacity));}
.bg-opacity-\[--opacity-variable\],
.bg-opacity-\$opacity-variable{--un-bg-opacity:var(--opacity-variable);}
.bg-opacity-45{--un-bg-opacity:0.45;}
.color-scheme-dark{color-scheme:dark;}
.color-scheme-light{color-scheme:light;}
.all-\[svg\]\:fill-red svg{--un-fill-opacity:1;fill:rgb(248 113 113 / var(--un-fill-opacity));}
.fill-\[\#123\]{--un-fill-opacity:1;fill:rgb(17 34 51 / var(--un-fill-opacity));}
.fill-current{fill:currentColor;}
.fill-green-400{--un-fill-opacity:1;fill:rgb(74 222 128 / var(--un-fill-opacity));}
.fill-opacity-\$opacity-variable{--un-fill-opacity:var(--opacity-variable);}
.fill-opacity-80{--un-fill-opacity:0.8;}
.fill-none{fill:none;}
.stroke-\[1rem\],
.stroke-size-\[1rem\],
.stroke-width-\[1rem\]{stroke-width:1rem;}
.stroke-size-\$variable,
.stroke-width-\$variable{stroke-width:var(--variable);}
.stroke-size-1,
.stroke-size-1px,
.stroke-width-1,
.stroke-width-1px{stroke-width:1px;}
.stroke-size-none{stroke-width:0;}
.stroke-dash-\[5\,3\,2\]{stroke-dasharray:5,3,2;}
.stroke-dash-\$variable{stroke-dasharray:var(--variable);}
.stroke-dash-1{stroke-dasharray:1;}
.stroke-offset-\[1rem\]{stroke-dashoffset:1rem;}
.stroke-offset-\$variable{stroke-dashoffset:var(--variable);}
.stroke-offset-1,
.stroke-offset-1px{stroke-dashoffset:1px;}
.stroke-offset-none{stroke-dashoffset:0;}
.stroke-\[\#123\]{--un-stroke-opacity:1;stroke:rgb(17 34 51 / var(--un-stroke-opacity));}
.stroke-\[calc\(1rem-1px\)\]{stroke-width:calc(1rem - 1px);}
.stroke-current{stroke:currentColor;}
.stroke-green-400{--un-stroke-opacity:1;stroke:rgb(74 222 128 / var(--un-stroke-opacity));}
.stroke-opacity-\$opacity-variable{--un-stroke-opacity:var(--opacity-variable);}
.stroke-opacity-80{--un-stroke-opacity:0.8;}
.stroke-cap-round{stroke-linecap:round;}
.stroke-cap-auto{stroke-linecap:butt;}
.stroke-join-clip{stroke-linejoin:miter-clip;}
.stroke-join-auto{stroke-linejoin:miter;}
.stroke-none{stroke:none;}
.peer[data-state=closed]~.peer-data-\[state\=closed\]\:border-3,
.border-width-3{border-width:3px;}
.b-2,
.border-size-2{border-width:2px;}
.border{border-width:1px;}
.border-4{border-width:4px;}
.border-x{border-left-width:1px;border-right-width:1px;}
.border-b{border-bottom-width:1px;}
.border-e-4{border-inline-end-width:4px;}
.border-s-0{border-inline-start-width:0px;}
.border-t-2,
.border-t-size-2{border-top-width:2px;}
.border-inline{border-inline-start-width:1px;border-inline-end-width:1px;}
.border-be{border-block-end-width:1px;}
.border-bs-2{border-block-start-width:2px;}
.border-size-\$variable,
.border-width-\$variable{border-width:var(--variable);}
.border-size-none{border-width:0;}
.border-size-unset{border-width:unset;}
.border-width-\[2em\]{border-width:2em;}
.border-width-\[calc\(1em-1px\)\]{border-width:calc(1em - 1px);}
.border-x-size-2{border-left-width:2px;border-right-width:2px;}
.border-x-width-3{border-left-width:3px;border-right-width:3px;}
.border-s-width-\$variable{border-inline-start-width:var(--variable);}
.border-t-width-3{border-top-width:3px;}
.b-block-size-\$variable{border-block-start-width:var(--variable);border-block-end-width:var(--variable);}
.border-\[\#124\]{--un-border-opacity:1;border-color:rgb(17 34 68 / var(--un-border-opacity));}
.border-\[calc\(10px\+1px\)\]{border-width:calc(10px + 1px);}
.border-\[calc\(var\(--border-width\)\*1px\)\]{border-width:calc(var(--border-width) * 1px);}
.border-\[var\(--color\)\],
.border-\$color{border-color:var(--color);}
.border-black{--un-border-opacity:1;border-color:rgb(0 0 0 / var(--un-border-opacity));}
.border-black\/10{border-color:rgb(0 0 0 / 0.1);}
.border-blue{--un-border-opacity:1;border-color:rgb(96 165 250 / var(--un-border-opacity));}
.border-green-100\/20{border-color:rgb(220 252 231 / 0.2);}
.border-red-100,
.border-red100{--un-border-opacity:1;border-color:rgb(254 226 226 / var(--un-border-opacity));}
.border-red-200\/10{border-color:rgb(254 202 202 / 0.1);}
.border-red-300\/20{border-color:rgb(252 165 165 / 0.2);}
.border-red2{--un-border-opacity:1;border-color:rgb(254 202 202 / var(--un-border-opacity));}
.border-x-\[rgb\(1\,2\,3\)\]\/\[0\.5\]{border-left-color:rgb(1 2 3 / 0.5);border-right-color:rgb(1 2 3 / 0.5);}
.border-x-\[rgb\(4_5_6\)\]\/\[0\.5\]{border-left-color:rgb(4 5 6 / 0.5);border-right-color:rgb(4 5 6 / 0.5);}
.border-x-\$color{border-left-color:var(--color);border-right-color:var(--color);}
.border-y-red{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(248 113 113 / var(--un-border-top-opacity));--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(248 113 113 / var(--un-border-bottom-opacity));}
.border-b-blue{--un-border-opacity:1;--un-border-bottom-opacity:var(--un-border-opacity);border-bottom-color:rgb(96 165 250 / var(--un-border-bottom-opacity));}
.border-e-red-200\/10{border-inline-end-color:rgb(254 202 202 / 0.1);}
.border-e-red-300\/\[20\]{border-inline-end-color:rgb(252 165 165 / 20);}
.border-e-red-400{--un-border-opacity:1;--un-border-inline-end-opacity:var(--un-border-opacity);border-inline-end-color:rgb(248 113 113 / var(--un-border-inline-end-opacity));}
.border-s-green-500{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgb(34 197 94 / var(--un-border-inline-start-opacity));}
.border-s-red-100{--un-border-opacity:1;--un-border-inline-start-opacity:var(--un-border-opacity);border-inline-start-color:rgb(254 226 226 / var(--un-border-inline-start-opacity));}
.border-t-\[\#124\]{--un-border-opacity:1;--un-border-top-opacity:var(--un-border-opacity);border-top-color:rgb(17 34 68 / var(--un-border-top-opacity));}
.border-t-\$color{border-top-color:var(--color);}
.border-t-black\/10{border-top-color:rgb(0 0 0 / 0.1);}
.border-opacity-\$opacity-variable{--un-border-opacity:var(--opacity-variable);}
.border-opacity-20{--un-border-opacity:0.2;}
.border-y-op-30{--un-border-top-opacity:0.3;--un-border-bottom-opacity:0.3;}
.border-b-op40{--un-border-bottom-opacity:0.4;}
.border-s-opacity50{--un-border-inline-start-opacity:0.5;}
.b-rounded,
.border-rounded,
.rounded{border-radius:0.25rem;}
.rounded-\[4px\]{border-radius:4px;}
.rounded-\$variable{border-radius:var(--variable);}
.rounded-1\/2{border-radius:50%;}
.rounded-full{border-radius:9999px;}
.rounded-md{border-radius:0.375rem;}
.rounded-none{border-radius:0;}
.rounded-unset{border-radius:unset;}
.rounded-b-revert{border-bottom-left-radius:revert;border-bottom-right-radius:revert;}
.rounded-e{border-start-end-radius:0.25rem;border-end-end-radius:0.25rem;}
.rounded-s{border-end-start-radius:0.25rem;border-start-start-radius:0.25rem;}
.rounded-t-sm{border-top-left-radius:0.125rem;border-top-right-radius:0.125rem;}
.rounded-rb-1\/2{border-bottom-right-radius:50%;}
.rounded-tr{border-top-right-radius:0.25rem;}
.rounded-bs-sm{border-start-start-radius:0.125rem;border-start-end-radius:0.125rem;}
.rounded-es{border-end-start-radius:0.25rem;}
.rounded-ss{border-start-start-radius:0.25rem;}
.rounded-bs-ie{border-start-end-radius:0.25rem;}
.rounded-ie-be-1\/2{border-end-end-radius:50%;}
.b-dashed,
.border-dashed{border-style:dashed;}
.b-dotted,
.border-dotted{border-style:dotted;}
.b-double,
.border-double{border-style:double;}
.b-hidden,
.border-hidden{border-style:hidden;}
.b-none,
.border-none{border-style:none;}
.b-solid,
.border-solid{border-style:solid;}
.border-inherit{border-style:inherit;}
.border-x-dashed{border-left-style:dashed;border-right-style:dashed;}
.border-y-revert-layer{border-top-style:revert-layer;border-bottom-style:revert-layer;}
.border-y-unset{border-top-style:unset;border-bottom-style:unset;}
.border-b-dashed{border-bottom-style:dashed;}
.border-e-dashed{border-inline-end-style:dashed;}
.border-l-dashed{border-left-style:dashed;}
.border-r-dashed{border-right-style:dashed;}
.border-s-dashed{border-inline-start-style:dashed;}
.border-t-dashed{border-top-style:dashed;}
.border-block-style-double{border-block-start-style:double;border-block-end-style:double;}
.border-ie-unset{border-inline-end-style:unset;}
.border-is-style-double{border-inline-start-style:double;}
.intrinsic-size-1\/2{contain-intrinsic-size:50%;}
.intrinsic-size-200{contain-intrinsic-size:50rem;}
.intrinsic-size-200px{contain-intrinsic-size:200px;}
.intrinsic-size-unset{contain-intrinsic-size:unset;}
.content-visibility-visible{content-visibility:visible;}
.content-visibility-hidden{content-visibility:hidden;}
.content-visibility-auto{content-visibility:auto;}
.content-visibility-unset{content-visibility:unset;}
.content-\[\'quoted_with_space\'\]{content:'quoted with space';}
.content-\[\'quoted1\'\]{content:'quoted1';}
.content-\[\"quoted2\"\]{content:"quoted2";}
.content-\[normal\]{content:normal;}
.content-\[quoted\:\!\]{content:"!";}
.content-\[quoted\:unocss\]{content:"unocss";}
.content-\[string\:attr\(dashed-attr\)\]{content:attr(dashed-attr);}
.content-\[string\:attr\(underlined\\_attr\)\]{content:attr(underlined_attr);}
.content-\$unocss-var{content:var(--unocss-var);}
.before\:\[\&\[data-active\=\'true\'\]\]\:content-\[\'test\'\][data-active='true']::before{content:'test';}
.after\:content-\[quoted\:unocss\]::after{content:"unocss";}
.content-empty{content:"";}
.content-none{content:none;}
.text-\[100px\]{font-size:100px;}
.text-\[11px\]\/4{font-size:11px;line-height:1rem;}
.text-\[12px\]\/\[13px\]{font-size:12px;line-height:13px;}
.text-\[2em\],
.text-\[length\:2em\],
.text-2em,
.text-size-\[2em\]{font-size:2em;}
.text-\[length\:--variable\],
.text-size-\$variable{font-size:var(--variable);}
.text-\[length\:var\(--size\)\]{font-size:var(--size);}
.text-\[length\:var\(--size\)\]\:\$leading{font-size:var(--size);line-height:var(--leading);}
.text-4xl,
.group:has(:placeholder-shown) .group-has-placeholder-shown\:text-4xl,
.group:where(:placeholder-shown) .group-where-placeholder-shown\:text-4xl{font-size:2.25rem;line-height:2.5rem;}
.text-base{font-size:1rem;line-height:1.5rem;}
.text-lg{font-size:1.125rem;line-height:1.75rem;}
.text-sm\/\[10px\]{font-size:0.875rem;line-height:10px;}
.text-sm\/3{font-size:0.875rem;line-height:0.75rem;}
.peer:is(:placeholder-shown)~.peer-is-placeholder-shown\:text-3xl,
.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\:text-3xl{font-size:1.875rem;line-height:2.25rem;}
.peer:not(:placeholder-shown)~.peer-not-placeholder-shown\:text-2xl{font-size:1.5rem;line-height:2rem;}
.font-size-1\.5rem{font-size:1.5rem;}
.text-size-1em{font-size:1em;}
.text-size-unset{font-size:unset;}
.text-\[--variable\],
.text-\[color\:--variable\],
.text-\$variable{color:var(--variable);}
.text-\[\#124\]{--un-text-opacity:1;color:rgb(17 34 68 / var(--un-text-opacity));}
.text-\[calc\(1em-1px\)\],
.text-\[length\:calc\(1em-1px\)\]{font-size:calc(1em - 1px);}
.text-\[calc\(1rem-1px\)\]{font-size:calc(1rem - 1px);}
.text-\[color\:var\(--color-x\)\]\:\[trick\]{color:var(--color-x);}
.text-\[color\:var\(--color\)\],
.text-\[var\(--color\)\]{color:var(--color);}
.text-black\/10{color:rgb(0 0 0 / 0.1);}
.text-red-100,
.text-red100{--un-text-opacity:1;color:rgb(254 226 226 / var(--un-text-opacity));}
.text-red-200\/10{color:rgb(254 202 202 / 0.1);}
.text-red-300\:20,
.text-red-300\/20{color:rgb(252 165 165 / 0.2);}
.text-red\:20{color:rgb(248 113 113 / 0.2);}
.text-red2{--un-text-opacity:1;color:rgb(254 202 202 / var(--un-text-opacity));}
.text-rose{--un-text-opacity:1;color:rgb(251 113 133 / var(--un-text-opacity));}
.checked\:next\:hover\:text-slate-500:hover+*:checked{--un-text-opacity:1;color:rgb(100 116 139 / var(--un-text-opacity));}
.checked\:next\:text-slate-100+*:checked{--un-text-opacity:1;color:rgb(241 245 249 / var(--un-text-opacity));}
.next\:checked\:children\:text-slate-600>*:checked+*{--un-text-opacity:1;color:rgb(71 85 105 / var(--un-text-opacity));}
.next\:checked\:text-slate-200:checked+*{--un-text-opacity:1;color:rgb(226 232 240 / var(--un-text-opacity));}
.c-\[\#157\],
.c-\#157,
.c-hex-157{--un-text-opacity:1;color:rgb(17 85 119 / var(--un-text-opacity));}
.c-\[\#157\]\/\$opacity-variable{color:rgb(17 85 119 / var(--opacity-variable));}
.c-\[\#157\]\/10,
.c-\#157\/10,
.c-hex-157\/10{color:rgb(17 85 119 / 0.1);}
.c-\[\#2573\],
.c-\#2573,
.c-hex-2573{--un-text-opacity:0.2;color:rgb(34 85 119 / var(--un-text-opacity));}
.c-\[\#2573\]\/\$opacity-variable{color:rgb(34 85 119 / var(--opacity-variable));}
.c-\[\#2573\]\/10,
.c-\#2573\/10,
.c-hex-2573\/10{color:rgb(34 85 119 / 0.1);}
.c-\[\#335577\],
.c-\#335577,
.c-hex-335577{--un-text-opacity:1;color:rgb(51 85 119 / var(--un-text-opacity));}
.c-\[\#335577\]\/\$opacity-variable{color:rgb(51 85 119 / var(--opacity-variable));}
.c-\[\#335577\]\/10,
.c-\#335577\/10,
.c-hex-335577\/10{color:rgb(51 85 119 / 0.1);}
.c-\[\#44557733\],
.c-\#44557733,
.c-hex-44557733{--un-text-opacity:0.2;color:rgb(68 85 119 / var(--un-text-opacity));}
.c-\[\#44557733\]\/\$opacity-variable{color:rgb(68 85 119 / var(--opacity-variable));}
.c-\[\#44557733\]\/10,
.c-\#44557733\/10,
.c-hex-44557733\/10{color:rgb(68 85 119 / 0.1);}
.c-\$color-variable,
.c-\$color-variable\/\$opacity-variable,
.c-\$color-variable\/10{color:var(--color-variable);}
.color-\$red{color:var(--red);}
.color-blue,
.color-blue-400{--un-text-opacity:1;color:rgb(96 165 250 / var(--un-text-opacity));}
.color-blue-400\/10,
.color-blue\/10{color:rgb(96 165 250 / 0.1);}
.color-blue-gray,
.color-blue-gray-400,
.color-bluegray,
.color-bluegray-400{--un-text-opacity:1;color:rgb(148 163 184 / var(--un-text-opacity));}
.color-blue-gray-400\/10,
.color-blue-gray\/10,
.color-bluegray-400\/10,
.color-bluegray\/10{color:rgb(148 163 184 / 0.1);}
.open\:color-pink-100[open]{--un-text-opacity:1;color:rgb(252 231 243 / var(--un-text-opacity));}
.placeholder-shown-color-transparent:placeholder-shown{color:transparent;}
.in-range\:color-pink-100:in-range{--un-text-opacity:1;color:rgb(252 231 243 / var(--un-text-opacity));}
.out-of-range\:color-pink-100:out-of-range{--un-text-opacity:1;color:rgb(252 231 243 / var(--un-text-opacity));}
.placeholder-color-red-1::placeholder{--un-text-opacity:1;color:rgb(254 226 226 / var(--un-text-opacity));}
.placeholder\:color-transparent::placeholder{color:transparent;}
.selection\:color-\[var\(--select-color\)\]::selection{color:var(--select-color);}
.color-inherit,
.text-inherit{color:inherit;}
.color-initial{color:initial;}
.text-revert{color:revert;}
.text-opacity-\[13\.3333333\%\]{--un-text-opacity:13.3333333%;}
.text-opacity-\$opacity-variable{--un-text-opacity:var(--opacity-variable);}
.placeholder-color-opacity-60::placeholder{--un-text-opacity:0.6;}
.as-parent .group .group-\[\.as-parent_\&\]\:font-13{font-weight:13;}
.as-parent .group\/label .group-\[\.as-parent_\&\]\/label\:font-18{font-weight:18;}
.group:hover .group-\[\:hover\]\:font-11{font-weight:11;}
.group.not-parent .group-\[\.not-parent\]\:font-14{font-weight:14;}
.group[data-attr] .group-\[\[data-attr\]\]\:font-12{font-weight:12;}
.group[data-state=open] .group-data-\[state\=open\]\:font-bold{font-weight:700;}
.group\/label:hover .group-\[\:hover\]\/label\:font-16{font-weight:16;}
.group\/label.not-parent .group-\[\.not-parent\]\/label\:font-19{font-weight:19;}
.group\/label[data-attr] .group-\[\[data-attr\]\]\/label\:font-17{font-weight:17;}
.font-050,
.font-50,
.fw-050,
.fw-50{font-weight:50;}
.font-550{font-weight:550;}
.font-900,
.fw-900{font-weight:900;}
.font-thin{font-weight:100;}
.fw-inherit{font-weight:inherit;}
.group:hover .group-hover\:font-10{font-weight:10;}
.group\/label:hover .group-hover\/label\:font-15{font-weight:15;}
.font-leading-2,
.leading-2{line-height:0.5rem;}
.leading-\$variable,
.lh-\$variable{line-height:var(--variable);}
.leading-inherit{line-height:inherit;}
.lh-\[1\.5\],
.line-height-\[1\.5\]{line-height:1.5;}
.font-synthesis-weight{font-synthesis:weight;}
.font-synthesis-small-caps{font-synthesis:small-caps;}
.font-synthesis-\[weight_style\]{font-synthesis:weight style;}
.font-synthesis-\$synth{font-synthesis:var(--synth);}
.font-synthesis-inherit{font-synthesis:inherit;}
.font-tracking-1em{letter-spacing:1em;}
.tracking-\[2\/5\]{letter-spacing:2/5;}
.tracking-\$variable{letter-spacing:var(--variable);}
.tracking-inherit{letter-spacing:inherit;}
.tracking-wide{letter-spacing:0.025em;}
.word-spacing-\$variable{word-spacing:var(--variable);}
.word-spacing-1{word-spacing:0.25rem;}
.word-spacing-2{word-spacing:0.5rem;}
.word-spacing-inherit{word-spacing:inherit;}
.word-spacing-wide{word-spacing:0.025em;}
.font-\[\"custom_fontFamily_name\"\]{font-family:"custom fontFamily name";}
.font-\[system-ui\]{font-family:system-ui;}
.font-\$font-name{font-family:var(--font-name);}
.font-inherit{font-family:inherit;}
.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
.tab{-moz-tab-size:4;-o-tab-size:4;tab-size:4;}
.tab-\$tabprop{-moz-tab-size:var(--tabprop);-o-tab-size:var(--tabprop);tab-size:var(--tabprop);}
.tab-6{-moz-tab-size:6;-o-tab-size:6;tab-size:6;}
.tab-inherit{-moz-tab-size:inherit;-o-tab-size:inherit;tab-size:inherit;}
.indent{text-indent:1.5rem;}
.indent-1\/2{text-indent:50%;}
.indent-lg{text-indent:2rem;}
.indent-revert-layer{text-indent:revert-layer;}
.indent-unset{text-indent:unset;}
.text-clip{text-overflow:clip;}
.decoration-underline,
.underline{text-decoration-line:underline;}
.decoration-5,
.underline-5{text-decoration-thickness:5px;}
.decoration-size-none{text-decoration-thickness:0;}
.decoration-size-unset{text-decoration-thickness:unset;}
.underline-1rem{text-decoration-thickness:1rem;}
.underline-auto{text-decoration-thickness:auto;}
.aria-\[invalid\=spelling\]\:underline-red-600[aria-invalid=spelling]{-webkit-text-decoration-color:rgb(220 38 38 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(220 38 38 / var(--un-line-opacity));}
.data-\[invalid\~\=grammar\]\:underline-green-600[data-invalid~=grammar]{-webkit-text-decoration-color:rgb(22 163 74 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(22 163 74 / var(--un-line-opacity));}
.decoration-\[calc\(1rem-1px\)\],
.underline-\[calc\(1rem-1px\)\]{text-decoration-thickness:calc(1rem - 1px);}
.decoration-purple\/50{-webkit-text-decoration-color:rgb(192 132 252 / 0.5);text-decoration-color:rgb(192 132 252 / 0.5);}
.decoration-transparent{-webkit-text-decoration-color:transparent;text-decoration-color:transparent;}
.underline-red-500{-webkit-text-decoration-color:rgb(239 68 68 / var(--un-line-opacity));--un-line-opacity:1;text-decoration-color:rgb(239 68 68 / var(--un-line-opacity));}
.underline-op-\$opacity-variable{--un-line-opacity:var(--opacity-variable);}
.underline-op80{--un-line-opacity:0.8;}
.decoration-offset-0\.6rem,
.underline-offset-0\.6rem{text-underline-offset:0.6rem;}
.decoration-offset-none{text-underline-offset:0;}
.underline-offset-4{text-underline-offset:4px;}
.underline-offset-auto{text-underline-offset:auto;}
.underline-dashed{text-decoration-style:dashed;}
.underline-inherit{text-decoration-style:inherit;}
.decoration-none{text-decoration:none;}
.text-stroke-6{-webkit-text-stroke-width:6px;}
.text-stroke-sm{-webkit-text-stroke-width:thin;}
.text-stroke-blue-500{--un-text-stroke-opacity:1;-webkit-text-stroke-color:rgb(59 130 246 / var(--un-text-stroke-opacity));}
.text-stroke-op-\$opacity-variable{--un-text-stroke-opacity:var(--opacity-variable);}
.text-stroke-op-60{--un-text-stroke-opacity:0.6;}
.text-shadow{--un-text-shadow:0 0 1px var(--un-text-shadow-color, rgb(0 0 0 / 0.2)),0 0 1px var(--un-text-shadow-color, rgb(1 0 5 / 0.1));text-shadow:var(--un-text-shadow);}
.text-shadow-\$var{text-shadow:var(--var);}
.text-shadow-lg{--un-text-shadow:3px 3px 6px var(--un-text-shadow-color, rgb(0 0 0 / 0.26)),0 0 5px var(--un-text-shadow-color, rgb(15 3 86 / 0.22));text-shadow:var(--un-text-shadow);}
.text-shadow-none{--un-text-shadow:0 0 var(--un-text-shadow-color, rgb(0 0 0 / 0));text-shadow:var(--un-text-shadow);}
.text-shadow-color-red-300{--un-text-shadow-opacity:1;--un-text-shadow-color:rgb(252 165 165 / var(--un-text-shadow-opacity));}
.text-shadow-color-op-\$opacity-variable{--un-text-shadow-opacity:var(--opacity-variable);}
.text-shadow-color-op-30{--un-text-shadow-opacity:0.3;}
.case-upper{text-transform:uppercase;}
.case-normal{text-transform:none;}
.case-inherit{text-transform:inherit;}
.group:hover:focus .group-hover\:group-focus\:text-center,
.parent:hover>.parent-hover\:text-center{text-align:center;}
.text-left,
[dir="ltr"] .ltr\:text-left{text-align:left;}
[dir="rtl"] .rtl\:text-right{text-align:right;}
.font-italic,
.italic{font-style:italic;}
.font-oblique,
.oblique{font-style:oblique;}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.backdrop\:shadow-green::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgb(74 222 128 / var(--un-shadow-opacity));}
.shadow{--un-shadow:var(--un-shadow-inset) 0 1px 3px 0 var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 1px 2px -1px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[\#fff\]{--un-shadow-opacity:1;--un-shadow-color:rgb(255 255 255 / var(--un-shadow-opacity));}
.shadow-\[0px_4px_4px_0px_rgba\(237\,_0\,_0\,_1\)\]{--un-shadow:0px 4px 4px 0px var(--un-shadow-color, rgba(237, 0, 0, 1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\[0px_4px_4px_0px_rgba\(238_0_0\/1\)\]{--un-shadow:0px 4px 4px 0px var(--un-shadow-color, rgba(238, 0, 0, 1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-\$variable{--un-shadow:var(--variable);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-current{--un-shadow-color:currentColor;}
.shadow-green-500{--un-shadow-opacity:1;--un-shadow-color:rgb(34 197 94 / var(--un-shadow-opacity));}
.shadow-green-900\/50{--un-shadow-color:rgb(20 83 45 / 0.5);}
.shadow-none{--un-shadow:0 0 var(--un-shadow-color, rgb(0 0 0 / 0));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.shadow-transparent{--un-shadow-color:transparent;}
.shadow-xl{--un-shadow:var(--un-shadow-inset) 0 20px 25px -5px var(--un-shadow-color, rgb(0 0 0 / 0.1)),var(--un-shadow-inset) 0 8px 10px -6px var(--un-shadow-color, rgb(0 0 0 / 0.1));box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.backdrop-element\:shadow-green-100::backdrop{--un-shadow-opacity:1;--un-shadow-color:rgb(220 252 231 / var(--un-shadow-opacity));}
.shadow-op-\$opacity-variable{--un-shadow-opacity:var(--opacity-variable);}
.shadow-op-50{--un-shadow-opacity:0.5;}
.shadow-inset{--un-shadow-inset:inset;}
.ring,
.ring-px{--un-ring-width:1px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-10{--un-ring-width:10px;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-none{--un-ring-width:0;--un-ring-offset-shadow:var(--un-ring-inset) 0 0 0 var(--un-ring-offset-width) var(--un-ring-offset-color);--un-ring-shadow:var(--un-ring-inset) 0 0 0 calc(var(--un-ring-width) + var(--un-ring-offset-width)) var(--un-ring-color);box-shadow:var(--un-ring-offset-shadow), var(--un-ring-shadow), var(--un-shadow);}
.ring-size-px,
.ring-width-px{--un-ring-width:1px;}
.ring-offset{--un-ring-offset-width:1px;}
.ring-offset-4{--un-ring-offset-width:4px;}
.ring-offset-none{--un-ring-offset-width:0;}
.ring-offset-size-\$variable,
.ring-offset-width-\$variable{--un-ring-offset-width:var(--variable);}
.ring-\[calc\(1rem-1px\)\]{--un-ring-width:calc(1rem - 1px);}
.ring-red2{--un-ring-opacity:1;--un-ring-color:rgb(254 202 202 / var(--un-ring-opacity));}
.ring-red2\/5{--un-ring-color:rgb(254 202 202 / 0.05);}
.ring-op-\$opacity-variable{--un-ring-opacity:var(--opacity-variable);}
.ring-op-5{--un-ring-opacity:0.05;}
.ring-offset-\$variable{--un-ring-offset-color:var(--variable);}
.ring-offset-green5{--un-ring-offset-opacity:1;--un-ring-offset-color:rgb(34 197 94 / var(--un-ring-offset-opacity));}
.ring-offset-red2{--un-ring-offset-opacity:1;--un-ring-offset-color:rgb(254 202 202 / var(--un-ring-offset-opacity));}
.ring-offset-red2\/5{--un-ring-offset-color:rgb(254 202 202 / 0.05);}
.ring-offset-op-\$opacity-variable{--un-ring-offset-opacity:var(--opacity-variable);}
.ring-offset-op-5{--un-ring-offset-opacity:0.05;}
.ring-inset{--un-ring-inset:inset;}
.flex{display:flex;}
.flex-\[\$variable1_\$variable2_\$variable3\]{flex:var(--variable1) var(--variable2) var(--variable3);}
.flex-\[0_0_auto\]{flex:0 0 auto;}
.flex-\[1_0_100\%\]{flex:1 0 100%;}
.flex-\[1_1_1\/2\]{flex:1 1 50%;}
.flex-\[1_auto\]{flex:1 auto;}
.flex-\[fit-content\]{flex:fit-content;}
.flex-\[hi\]{flex:hi;}
.flex-\$variable{flex:var(--variable);}
.flex-shrink,
.shrink{flex-shrink:1;}
.flex-shrink-0,
.shrink-0{flex-shrink:0;}
.shrink-\$variable{flex-shrink:var(--variable);}
.shrink-10{flex-shrink:10;}
.flex-grow,
.grow{flex-grow:1;}
.flex-grow-0,
.grow-0{flex-grow:0;}
.grow-\$variable{flex-grow:var(--variable);}
.grow-10{flex-grow:10;}
.basis-auto{flex-basis:auto;}
.basis-none,
.flex-basis-0{flex-basis:0;}
.flex-basis-\$variable{flex-basis:var(--variable);}
.flex-basis-1\/2{flex-basis:50%;}
.flex-row{flex-direction:row;}
.flex-col-reverse{flex-direction:column-reverse;}
.grid{display:grid;}
.grid-col-\$variable{grid-column:var(--variable);}
.grid-row-\$variable{grid-row:var(--variable);}
.row-\[span_1\/span_2\]{grid-row:span 1/span 2;}
.row-auto{grid-row:auto;}
.col-span-1{grid-column:span 1/span 1;}
.row-span-\[hi\]{grid-row:span hi/span hi;}
.row-span-full{grid-row:1/-1;}
.row-start-full{grid-row-start:full;}
.row-end-1{grid-row-end:1;}
.auto-cols-auto{grid-auto-columns:auto;}
.auto-rows-auto{grid-auto-rows:auto;}
.auto-rows-fr{grid-auto-rows:minmax(0,1fr);}
.auto-rows-min{grid-auto-rows:min-content;}
.grid-auto-cols-\$variable{grid-auto-columns:var(--variable);}
.grid-auto-rows-\$variable{grid-auto-rows:var(--variable);}
.auto-flow-col-dense,
.grid-flow-col-dense{grid-auto-flow:column dense;}
.grid-flow-dense{grid-auto-flow:dense;}
.grid-cols-\[1fr_2fr_100px_min-content\]{grid-template-columns:1fr 2fr 100px min-content;}
.grid-cols-\[repeat\(3\,auto\)\]{grid-template-columns:repeat(3,auto);}
.grid-cols-\$1{grid-template-columns:var(--\31 );}
.grid-rows-\[1fr_2fr_100px_min-content\]{grid-template-rows:1fr 2fr 100px min-content;}
.grid-cols-minmax-1rem{grid-template-columns:repeat(auto-fill,minmax(1rem,1fr));}
.grid-rows-minmax-100px{grid-template-rows:repeat(auto-fill,minmax(100px,1fr));}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr));}
.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr));}
.grid-area-\[content\]{grid-area:content;}
.grid-area-\$variable{grid-area:var(--variable);}
.grid-areas-\[prepend_content_append\]{grid-template-areas:"prepend content append";}
.grid-areas-\[prepend_content_append\]-\[prepend_content_append\]{grid-template-areas:"prepend content append" "prepend content append";}
.grid-areas-\$variable{grid-template-areas:var(--variable);}
.grid-rows-subgrid{grid-template-rows:subgrid;}
.grid-cols-subgrid{grid-template-columns:subgrid;}
.gap-\$variable{gap:var(--variable);}
.gap-4{gap:1rem;}
.gap-inherit{gap:inherit;}
.gap-none{gap:0;}
.gap2{gap:0.5rem;}
.-gap-y-5{row-gap:-1.25rem;}
.flex-gap-y-1,
.grid-gap-y-1{row-gap:0.25rem;}
.flex-gap-y-unset{row-gap:unset;}
.gap-x-1{column-gap:0.25rem;}
.absolute{position:absolute;}
.pos-fixed{position:fixed;}
.position-sticky{position:sticky;}
.relative{position:relative;}
.pos-unset{position:unset;}
.position-inherit{position:inherit;}
.static{position:static;}
.h-\[calc\(1000px-4rem\)\],
.size-h-\[calc\(1000px-4rem\)\]{height:calc(1000px - 4rem);}
.h-\$var{height:var(--var);}
.h-1{height:0.25rem;}
.h-1\.000\%,
.h1\/100{height:1%;}
.h-1\.001\%{height:1.001%;}
.h-1\.010\%{height:1.01%;}
.h-1\.100\%{height:1.1%;}
.h-1\/2,
.h-2\/4,
.h-3\/6{height:50%;}
.h-1\/3,
.h-2\/6{height:33.3333333333%;}
.h-1\/4{height:25%;}
.h-1\/5{height:20%;}
.h-1\/6{height:16.6666666667%;}
.h-2\/2{height:100%;}
.h-2\/3,
.h-4\/6{height:66.6666666667%;}
.h-21{height:5.25rem;}
.h-3\/2{height:150%;}
.h-3\/4{height:75%;}
.h-5\/6{height:83.3333333333%;}
.h-6\/7{height:85.7142857143%;}
.h-8\/7{height:114.2857142857%;}
.h-auto{height:auto;}
.h-inherit{height:inherit;}
.h-lg{height:32rem;}
.h20{height:5rem;}
.max-h-\[1px\]{max-height:1px;}
.max-h-unset{max-height:unset;}
.max-w-\$var{max-width:var(--var);}
.max-w-20{max-width:5rem;}
.max-w-full{max-width:100%;}
.max-w-lg{max-width:32rem;}
.max-w-none{max-width:none;}
.max-w-revert{max-width:revert;}
.min-h-\[1px\]{min-height:1px;}
.min-h-unset{min-height:unset;}
.min-w-\$var{min-width:var(--var);}
.min-w-20{min-width:5rem;}
.min-w-full,
.size-min-w-full{min-width:100%;}
.min-w-lg{min-width:32rem;}
.min-w-none{min-width:none;}
.min-w-revert-layer{min-width:revert-layer;}
.size-w-10{width:2.5rem;}
.w-\[calc\(1-\(\(12-3\)\*0\.5\)\)\]{width:calc(1 - ((12 - 3) * 0.5));}
.w-\[calc\(1-\(var\(--something\)\*0\.5\)\)\]{width:calc(1 - (var(--something) * 0.5));}
.w-\[calc\(1-var\(--something\)\*0\.5\)\]{width:calc(1 - var(--something) * 0.5);}
.w-\[calc\(calc\(100px\*10\)-4rem\)\]{width:calc(calc(100px * 10) - 4rem);}
.w-1{width:0.25rem;}
.w-1\/4{width:25%;}
.w-1in{width:1in;}
.w-21{width:5.25rem;}
.w-auto{width:auto;}
.w-lg{width:32rem;}
.w-unset{width:unset;}
.block-\[calc\(1000px-4rem\)\]{block-size:calc(1000px - 4rem);}
.block-\$var{block-size:var(--var);}
.block-1{block-size:0.25rem;}
.block-1\/2{block-size:50%;}
.block-21{block-size:5.25rem;}
.block-8\/7{block-size:114.2857142857%;}
.block-auto{block-size:auto;}
.block-lg{block-size:32rem;}
.block-unset{block-size:unset;}
.inline-\[calc\(calc\(100px\*10\)-4rem\)\]{inline-size:calc(calc(100px * 10) - 4rem);}
.inline-1{inline-size:0.25rem;}
.inline-1\/4{inline-size:25%;}
.inline-21{inline-size:5.25rem;}
.inline-auto{inline-size:auto;}
.inline-inherit{inline-size:inherit;}
.inline-lg{inline-size:32rem;}
.max-block-\[1px\]{max-block-size:1px;}
.max-block-revert{max-block-size:revert;}
.max-inline-\$var{max-inline-size:var(--var);}
.max-inline-20{max-inline-size:5rem;}
.max-inline-full{max-inline-size:100%;}
.max-inline-inherit{max-inline-size:inherit;}
.max-inline-lg{max-inline-size:32rem;}
.max-inline-none{max-inline-size:none;}
.min-block-\[1px\]{min-block-size:1px;}
.min-inline-\$var{min-inline-size:var(--var);}
.min-inline-20{min-inline-size:5rem;}
.min-inline-full{min-inline-size:100%;}
.min-inline-lg{min-inline-size:32rem;}
.min-inline-none{min-inline-size:none;}
.h-screen-lg{height:1024px;}
.h-screen-sm{height:640px;}
.max-w-screen-lg{max-width:1024px;}
.min-w-screen-lg{min-width:1024px;}
.aspect-\[auto_16\/9\],
.aspect-ratio-\[auto_16\/9\]{aspect-ratio:auto 16/9;}
.aspect-auto{aspect-ratio:auto;}
.aspect-ratio-\$var{aspect-ratio:var(--var);}
.aspect-ratio-0\.7{aspect-ratio:0.7;}
.aspect-ratio-3\/2{aspect-ratio:3/2;}
.aspect-ratio-revert{aspect-ratio:revert;}
.aspect-ratio-square{aspect-ratio:1/1;}
.aspect-ratio-video{aspect-ratio:16/9;}
.aspect-unset{aspect-ratio:unset;}
.cursor-\[url\(cursor_2\.png\)_2_2\,_pointer\]{cursor:url(cursor_2.png) 2 2, pointer;}
.cursor-\$pointer-var{cursor:var(--pointer-var);}
.cursor-inherit{cursor:inherit;}
.cursor-pointer{cursor:pointer;}
.visible{visibility:visible;}
.backface-hidden{backface-visibility:hidden;}
.backface-revert{backface-visibility:revert;}
.pointer-events-auto{pointer-events:auto;}
.pointer-events-none{pointer-events:none;}
.pointer-events-unset{pointer-events:unset;}
.resize{resize:both;}
.resize-none{resize:none;}
.resize-inherit{resize:inherit;}
.align-revert{vertical-align:revert;}
.align-start,
.v-top{vertical-align:top;}
.align-text-bottom{vertical-align:text-bottom;}
.v-end{vertical-align:bottom;}
.v-mid{vertical-align:middle;}
.v-unset{vertical-align:unset;}
.vertical-baseline{vertical-align:baseline;}
.vertical-inherit{vertical-align:inherit;}
.vertical-super{vertical-align:super;}
.select-all{-webkit-user-select:all;user-select:all;}
.select-none{-webkit-user-select:none;user-select:none;}
.select-inherit{user-select:inherit;}
.whitespace-pre-wrap{white-space:pre-wrap;}
.whitespace-unset{white-space:unset;}
.ws-nowrap{white-space:nowrap;}
.ws-revert{white-space:revert;}
.break-normal{overflow-wrap:normal;word-break:normal;}
.break-words{overflow-wrap:break-word;}
.break-keep{word-break:keep-all;}
.overflow-auto{overflow:auto;}
.overflow-inherit{overflow:inherit;}
.of-x-unset{overflow-x:unset;}
.of-y-visible{overflow-y:visible;}
.overflow-x-scroll{overflow-x:scroll;}
.overflow-y-clip{overflow-y:clip;}
.outline-110{outline-width:110px;}
.outline-size-\[var\(--width\)\]{outline-width:var(--width);}
.outline-size-\$variable,
.outline-width-\$variable{outline-width:var(--variable);}
.outline-size-4,
.outline-width-4{outline-width:4px;}
.outline-size-none{outline-width:0;}
.outline-size-unset{outline-width:unset;}
.outline-width-10px{outline-width:10px;}
.outline-width-revert{outline-width:revert;}
.outline-\[calc\(1rem-1px\)\]{outline-width:calc(1rem - 1px);}
.outline-\[var\(--red\)\]{outline-color:var(--red);}
.outline-\$variable{outline-color:var(--variable);}
.outline-blue-2{--un-outline-color-opacity:1;outline-color:rgb(191 219 254 / var(--un-outline-color-opacity));}
.outline-color-red-1{--un-outline-color-opacity:1;outline-color:rgb(254 226 226 / var(--un-outline-color-opacity));}
.outline-gray,
.outline-gray-400{--un-outline-color-opacity:1;outline-color:rgb(156 163 175 / var(--un-outline-color-opacity));}
.outline-offset-\[var\(--offset\)\]{outline-offset:var(--offset);}
.outline-offset-\$variable{outline-offset:var(--variable);}
.outline-offset-4{outline-offset:4px;}
.outline-offset-inherit{outline-offset:inherit;}
.outline-offset-none{outline-offset:0;}
.outline,
.outline-solid{outline-style:solid;}
.outline-hidden{outline-style:hidden;}
.outline-inset{outline-style:inset;}
.outline-inherit{outline-style:inherit;}
.outline-revert-layer{outline-style:revert-layer;}
.outline-unset{outline-style:unset;}
.outline-none{outline:2px solid transparent;outline-offset:2px;}
.focus-visible\:outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px;}
.appearance-none{-webkit-appearance:none;appearance:none;}
.order-\$variable{order:var(--variable);}
.order-first{order:-9999;}
.order-none{order:0;}
.justify-start{justify-content:flex-start;}
.justify-center{justify-content:center;}
.justify-inherit{justify-content:inherit;}
.justify-items-end{justify-items:end;}
.justify-items-unset{justify-items:unset;}
.justify-self-stretch{justify-self:stretch;}
.justify-self-revert{justify-self:revert;}
.content-center{align-content:center;}
.content-start{align-content:flex-start;}
.content-inherit{align-content:inherit;}
.items-end{align-items:flex-end;}
.items-unset{align-items:unset;}
.self-stretch{align-self:stretch;}
.self-revert{align-self:revert;}
.place-content-stretch{place-content:stretch;}
.place-content-inherit{place-content:inherit;}
.place-items-stretch{place-items:stretch;}
.place-items-unset{place-items:unset;}
.place-self-stretch{place-self:stretch;}
.place-self-revert{place-self:revert;}
.inset-\[5px\]{inset:5px;}
.inset-\$variable{inset:var(--variable);}
.inset-0,
.inset-none{inset:0;}
.inset-5{inset:1.25rem;}
.inset-unset{inset:unset;}
.end-8{inset-inline-end:2rem;}
.start-4{inset-inline-start:1rem;}
.inset-x-5{left:1.25rem;right:1.25rem;}
.inset-y-5{top:1.25rem;bottom:1.25rem;}
.inset-b-5{bottom:1.25rem;}
.inset-e-5,
.inset-ie-5{inset-inline-end:1.25rem;}
.inset-e-inherit{inset-inline-end:inherit;}
.inset-s-\$variable{inset-inline-start:var(--variable);}
.inset-t-5{top:1.25rem;}
.inset-block-5{inset-block-start:1.25rem;inset-block-end:1.25rem;}
.inset-block-unset{inset-block-start:unset;inset-block-end:unset;}
.inset-inline-\$variable{inset-inline-start:var(--variable);inset-inline-end:var(--variable);}
.inset-inline-5{inset-inline-start:1.25rem;inset-inline-end:1.25rem;}
.inset-bs-5{inset-block-start:1.25rem;}
.inset-ie-revert{inset-inline-end:revert;}
.top-\$top-height{top:var(--top-height);}
.top-0{top:0;}
.float-left{float:left;}
.float-none{float:none;}
.float-unset{float:unset;}
.clear-both{clear:both;}
.clear-none{clear:none;}
.clear-revert{clear:revert;}
.z-0,
.z0{z-index:0;}
.-z-1,
.pos-z--1{z-index:-1;}
.position-z-auto,
.z-auto{z-index:auto;}
.z-\$variable{z-index:var(--variable);}
.z-1{z-index:1;}
.z-100{z-index:100;}
.z-inherit{z-index:inherit;}
.box-border{box-sizing:border-box;}
.box-content{box-sizing:content-box;}
.box-inherit{box-sizing:inherit;}
.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
.transition-200{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.transition-background-color\,color-200{transition-property:background-color,color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.transition-color\,background-color-200{transition-property:color,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.transition-opacity-200{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:200ms;}
.duration-111{transition-duration:111ms;}
.transition-duration-\$variable{transition-duration:var(--variable);}
.transition-duration-300{transition-duration:300ms;}
.transition-delay-\$variable{transition-delay:var(--variable);}
.transition-delay-300{transition-delay:300ms;}
.ease-\$variable{transition-timing-function:var(--variable);}
.ease-linear{transition-timing-function:linear;}
.ease-out{transition-timing-function:cubic-bezier(0, 0, 0.2, 1);}
.transition-ease-in{transition-timing-function:cubic-bezier(0.4, 0, 1, 1);}
.property-all,
.transition-property-all{transition-property:all;}
.property-margin\,padding{transition-property:margin,padding;}
.property-none{transition-property:none;}
.property-padding\,margin{transition-property:padding,margin;}
.property-unset{transition-property:unset;}
.transition-property-\[border\]{transition-property:border;}
.transition-property-width{transition-property:width;}
.transition-none{transition:none;}
.transition-revert-layer{transition:revert-layer;}
.origin-top-left{transform-origin:top left;}
.perspect-\$variable{-webkit-perspective:var(--variable);perspective:var(--variable);}
.perspect-100{-webkit-perspective:100px;perspective:100px;}
.perspect-23rem{-webkit-perspective:23rem;perspective:23rem;}
.perspect-800px{-webkit-perspective:800px;perspective:800px;}
.perspect-origin-\[150\%_150\%\]{-webkit-perspective-origin:150% 150%;perspective-origin:150% 150%;}
.perspect-origin-\[150\%\]{-webkit-perspective-origin:150%;perspective-origin:150%;}
.perspect-origin-\$variable{-webkit-perspective-origin:var(--variable);perspective-origin:var(--variable);}
.perspect-origin-center{-webkit-perspective-origin:center;perspective-origin:center;}
.perspect-origin-top-right{-webkit-perspective-origin:top right;perspective-origin:top right;}
.-translate-full{--un-translate-x:-100%;--un-translate-y:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.scope_class .scope-\[\.scope\\_class\]\:translate-0,
.translate-none{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-full{--un-translate-x:100%;--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-x-full{--un-translate-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-translate-y-1\/2{--un-translate-y:-50%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-x-\$variable{--un-translate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-x-full{--un-translate-x:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-1\/4{--un-translate-y:25%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.translate-y-px{--un-translate-y:1px;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.peer:checked~.peer-checked\:translate-x-\[var\(--reveal\)\]{--un-translate-x:var(--reveal);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.hover\:translate-x-3:hover{--un-translate-x:0.75rem;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.before\:translate-y-full::before{--un-translate-y:100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-rotate-2{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:-2deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-\[var\(--spin\)\]{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-\$variable{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-1deg{--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-rotate:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-x-\$variable{--un-rotate:0;--un-rotate-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-x-1deg{--un-rotate:0;--un-rotate-x:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-y-1,
.transform-rotate-y-1{--un-rotate:0;--un-rotate-y:1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.rotate-z-\[var\(--spin\)\],
.transform-rotate-z-\[var\(--spin\)\]{--un-rotate:0;--un-rotate-z:var(--spin);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-10{--un-skew-x:10deg;--un-skew-y:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-x-\[var\(--skew-x\)\]{--un-skew-x:var(--skew-x);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-x-\$variable{--un-skew-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-x-10,
.skew-x-10\.00deg,
.skew-x-10deg{--un-skew-x:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-x-10\.01deg{--un-skew-x:10.01deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-x-10\.10deg{--un-skew-x:10.1deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-x-10\.11deg{--un-skew-x:10.11deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-y-\[var\(--skew-y\)\]{--un-skew-y:var(--skew-y);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-y-0\.5turn{--un-skew-y:0.5turn;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-y-10,
.skew-y-10deg{--un-skew-y:10deg;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-y-2grad{--un-skew-y:2grad;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.skew-y-3\.14rad{--un-skew-y:3.14rad;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.scale-\$variable{--un-scale-x:var(--variable);--un-scale-y:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.hover\:scale-4:hover{--un-scale-x:0.04;--un-scale-y:0.04;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.active\:scale-4:active{--un-scale-x:0.04;--un-scale-y:0.04;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.-scale-x-full{--un-scale-x:-100%;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.scale-x-\$variable{--un-scale-x:var(--variable);transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.preserve-3d{transform-style:preserve-3d;}
.preserve-flat{transform-style:flat;}
.transform,
.transform-cpu{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
.transform-none{transform:none;}
.transform-unset{transform:unset;}
.will-change-auto{will-change:auto;}
.will-change-contents{will-change:contents;}
.will-change-margin\,padding{will-change:margin,padding;}
.will-change-padding\,margin{will-change:padding,margin;}
.will-change-scroll{will-change:scroll-position;}
.will-change-transform{will-change:transform;}
.will-change-unset{will-change:unset;}
.\@container{container-type:inline-size;}
.\@container-normal{container-type:normal;}
.\@container\/label{container-type:inline-size;container-name:label;}
.\@container\/label-normal{container-type:normal;container-name:label;}
.contain-\[size_layout_paint\]{contain:size layout paint;}
.contain-\[size_layout\]{contain:size layout;}
.contain-layout{contain:layout;}
.text-wrap{text-wrap:wrap;}
.text-nowrap{text-wrap:nowrap;}
.text-balance{text-wrap:balance;}
.text-pretty{text-wrap:pretty;}
@container (min-width: 10.5rem){
.\@\[10\.5rem\]-text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}
}
@container (min-width: 24rem){
.\@sm\:text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}
}
@container (min-width: 32rem){
.\@lg-text-red{--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}
}
@container label (min-width: 100px){
.\@\[100px\]\/label\:text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}
}
@container label (min-width: 20rem){
.\@xs\/label\:text-green{--un-text-opacity:1;color:rgb(74 222 128 / var(--un-text-opacity));}
}
@layer base{
.layer-base\:translate-0{--un-translate-x:0;--un-translate-y:0;transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
}
@layer utility{
.layer-\[utility\]\:block{display:block;}
}
@media (--cssvar){
.media-\[\(--cssvar\)\]\:block{display:block;}
}
@media (hover) and (pointer: fine){
.media-mouse\:block{display:block;}
.group:hover .group-hover\:media-mouse\:bg-red{--un-bg-opacity:1;background-color:rgb(248 113 113 / var(--un-bg-opacity));}
}
@media (prefers-color-scheme: dark){
.dark\:text-xl{font-size:1.25rem;line-height:1.75rem;}
.dark\:not-odd\:text-red:not(:nth-child(odd)){--un-text-opacity:1;color:rgb(248 113 113 / var(--un-text-opacity));}
}
@media (prefers-color-scheme: light){
.light\:text-sm{font-size:0.875rem;line-height:1.25rem;}
}
@media print{
.print\:block{display:block;}
.print\:link\:\!underline:link{text-decoration-line:underline !important;}
}
@supports (display: grid){
.supports-\[\(display\:_grid\)\]\:block{display:block;}
}
@supports(display:grid){
.\[\@supports\(display\:grid\)\]\:bg-red\/33{background-color:rgb(248 113 113 / 0.33);}
*+.\[\@supports\(display\:grid\)\]\:\[\*\+\&\]\:bg-red\/34{background-color:rgb(248 113 113 / 0.34);}
}
@media (max-width: 1023.9px){
.lt-lg\:m2{margin:0.5rem;}
}
@media (max-width: 639.9px){
.\<sm\:m1,
.lt-sm\:m1,
.max-sm\:m1{margin:0.25rem;}
}
@media (max-width: 1023.9px){@media (min-width: 640px){
.sm\:lt-lg\:p-10{padding:2.5rem;}
}}
@media (min-width: 640px){
.sm\:important\:p-3{padding:0.75rem !important;}
.sm\:m-1,
.sm\:m1{margin:0.25rem;}
}
@media (min-width: 640px) and (max-width: 767.9px){
.\~sm\:m1,
.at-sm\:m1{margin:0.25rem;}
}
@media (min-width: 768px){
.md\:m-1{margin:0.25rem;}
.md\:\!hidden{display:none !important;}
}
@media (min-width: 1024px) and (max-width: 1279.9px){
.at-lg\:m2{margin:0.5rem;}
}
@media (min-width: 1536px){
.at-2xl\:m2{margin:0.5rem;}
}
/* layer: uno css */
.uno-layer-\[uno_css\]\:block{display:block;}
/* layer: uno_css */
.uno-layer-uno_css\:block{display:block;}